body {background-color:#f4f4f4;}
ul, li {margin:0; padding:0; list-style-type:none;}
label {font-weight:normal;}

a {color: #333;}
a:hover {text-decoration:none;}
.clr {clear:both;}

@media screen and (min-width:960px) {
	.page-wrap {width:960px; margin:0 auto;}
}

.header-wrap {border-bottom:1px solid #e7e7e7; background-color:#ffffff;}
.body-wrap {background-color:#fdfdfd;}
.footer-wrap {border-top: 1px solid #d6d6d6; color: #8e8e8e; padding:0px;}
.footer-wrap .copyright {text-align:left; padding: 5px 10px;}

.head-bar {padding:10px 0;}
.space {padding:0 5px;}
.wrap-space {padding:10px 5px 0 5px;}
form.form-space {padding:15px 10px 0px 10px;}

img.img {background-repeat: no-repeat;}
.logo-icon {width:78px; height:23px; background-image: url(logo.gif);}


/*BOOTSTRAP*/
.head-tab .panel-heading {padding:0; border-bottom:0px solid transparent;}
.head-tab .nav-tabs {padding:5px 5px 0 5px;}
.panel {overflow:hidden;}
.panel .tab-pane .list-group a.list-group-item:hover {background-color:#f5f5f5; background: -webkit-linear-gradient(#fff, #eaeaea); background: -o-linear-gradient(#fff, #eaeaea); background: -moz-linear-gradient(#fff, #eaeaea); background: linear-gradient(#fff, #eaeaea);}
.nav>li>a {padding-left:7px; padding-right:7px;}
@media screen and (min-width:320px) {
	.nav>li>a {padding-left:15px; padding-right:15px;}
}
@media screen and (max-width:960px) {
	.wrap-space {padding:0;}
	.panel {border-width:0px; margin-bottom:0px; border-radius:0px;}
	.panel-heading {border-top-right-radius:0px; border-top-left-radius:0px;}
}
.panel-footer {padding-left:10px; padding-right:10px;}

.panel .tab-pane .list-group .list-group-item {border-width: 1px 0; border-radius: 0;}
.panel .tab-pane .list-group {margin-bottom: 0;}
.panel .tab-pane  .list-group-item:last-child {border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.tab-heading {padding:10px;}
.tab-heading .title {border-bottom:2px solid #ff6600; padding-bottom:6px; font-weight:700;}
.tab-heading .title strong {color:#ff6600;}

.btn-input {display: block;}
.btn-input .btn.form-control {text-align: left;}
.btn-input .btn.form-control span:first-child {left: 10px;overflow: hidden;position: absolute;right: 25px;}
.btn-input .btn.form-control .caret {margin-top: -1px;position: absolute;right: 10px;top: 50%;}


.audiojs * {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}

.sites-wrap {padding:5px;}
ul.site-icons li {float:left; display:block; width:80px; overflow:hidden;}
ul.site-icons a {display:block; height:100px; text-align:center; padding:10px 0;}
ul.site-icons a:hover {background-color:#f0f0f0; border-radius:4px;}
ul.site-icons span {display:block; margin-top:6px; font-size:0.9em;}
ul.site-icons i {display:block; width:48px; height:48px; margin:0 auto;  background-color:transparent; background-repeat:no-repeat; border-radius:4px;}

ul.site-icons i.rss-icon {background-image:url(site-icons/rss.png);}
ul.site-icons i.rss-baomoi {background-position:0 -50px;}
ul.site-icons i.rss-attitude {background-position:0 -100px;}
ul.site-icons i.rss-boyvn {background-position:0 -150px;}
ul.site-icons i.rss-muctim {background-position:0 -200px;}
ul.site-icons i.rss-vtn {background-position:0 -250px;}
ul.site-icons i.rss-cnn {background-position:0 -300px;}
ul.site-icons i.rss-kenh14 {background-position:0 -350px;}
ul.site-icons i.rss-24h {background-position:0 -400px;}


#songPlayer {overflow:hidden; padding:10px;}
.jplayer-space * , #songPlayer * {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
#jp_container_1, #jPlaylistContainer {margin:0 auto;}
div.jp-audio, div.jp-audio-stream, div.jp-video {border-radius: 4px; overflow: hidden;}
.jplayer-space {padding:10px 5px 10px 5px;}

.more-items-wrap {padding-bottom:10px;}

.page-loading {width:100%; overflow:hidden; zoom:1; z-index:10000;}
.page-loading .content {background: rgb(0, 0, 0) url('loading.gif') no-repeat center center; background: rgba(0,0,0, 0.5) url('loading.gif') no-repeat center center; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; float: right; width: 85px; height: 30px;}

/*RSS*/
.rss-links .media {width:100px; height:100px; margin-right:10px; margin-top:5px; border-radius:5px;}
.rss-links .has-meta .rss-nav h4 {font-size:14px;}
@media screen and (min-width:520px) {
	.rss-links .has-meta .rss-link {width:100%; float:left;}
	.rss-links .has-meta .rss-link.meta {width:50%; float:left; height:183px; overflow:hidden;}
	.rss-links .has-meta .rss-nav {width:100%; float:left;}
}
@media screen and (min-width:580px) {
	.rss-links .has-meta .rss-link.meta {height:150px;}
}
@media screen and (min-width:680px) {
	.rss-links .has-meta .rss-link.meta {height:129px;}
}